<template>
	<view>
		<view>导航跳转</view>
		<!-- 路由传参 就直接路径后面加 ？参数名 = 参数值 多个参数 用& 进行连接 不要有空格-->
		<navigator url="../detail/detail?id=80&age=19">跳转到详情页</navigator>
		<!-- open-type 跳到tab页面的话 需要加这个 switchTab -->
		<navigator url="../message/message" open-type="switchTab">跳转到信息页</navigator>
		
		<!-- open-type="redirect" 当前页面关闭 会触发页面卸载 然后在跳转 跳转之后没有返回键 -->
		<navigator url="../detail/detail" open-type="redirect">跳转到详情页</navigator>
		
		
		<!-- 编程式导航 -->
		<button @click="goDetail">跳转到详情页</button>
		
		<button @click="goMessage">跳转到信息页</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			// uni.navigateTo(OBJECT)
			// 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
			goDetail(){
				 uni.navigateTo({
					 url:'../detail/detail'
				 })
			},
			// 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。 uni.switchTab(OBJECT)
			// 注意： 如果调用了 uni.preloadPage(OBJECT) 不会关闭，仅触发生命周期 onHide
			goMessage(){
				uni.switchTab({
					url:'../message/message'
				})
			}
			// uni.redirectTo(OBJECT)
			// 关闭当前页面，跳转到应用内的某个页面。
			
			// uni.reLaunch(OBJECT)
			// 关闭所有页面，打开到应用内的某个页面。
			// 注意： 如果调用了 uni.preloadPage(OBJECT) 不会关闭，仅触发生命周期 onHide
			
			
			// uni.navigateBack(OBJECT)
			// 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
		}
	}
</script>

<style>
</style>
